<template>
	<div id="tmpl">
		<div class="title">
			<h4 v-text='info.title'></h4>
			<p>{{info.add_time | datefmt('YYYY-MM-DD')}} {{info.click}}次浏览</p>
		</div>
		<div id="content" v-html='info.content'></div>
		<!-- 实现评论组件 -->
		<comment :id="id"></comment>
	</div>
</template>

<script>
	import common from '../../kits/common.js';
	//    10.0 导入评论组件 comment.vue
	import comment from '../subcom/comment.vue';
	export default {
		components: {
			// 注册评论组件
			comment
		},
		data() {
			return {
				id: 0,
				info: {}
			}
		},
		created() {
			this.id = this.$route.params.id;
			this.getinfo();
		},
		methods: {
			getinfo() {
				// 定义url
				var url = common.apidomain + '/api/getnew/' + this.id;
				// 发送ajax获取数据
				this.$http.get(url).then(function (res) {
					var body = res.body;
					if (body.status != 0) {
						alert(body.message);
						return;
					}
					this.info = body.message[0]
				})
			}
		}
	}
</script>

<style scoped>
	.title h4 {
		color: #0094ff
	}

	.title p {
		color: rgba(0, 0, 0, 0.5)
	}

	.title,
	#content {
		padding: 5px
	}
</style>